

<!--<div class="main_content">
    <div class="center_content">
        <div class="right_content">-->



            <h2>Registro del Empleado</h2>

            <div class="form">
                <form action="empleado/create" method="post" class="niceform" id="empleado_form">

                    <fieldset>
                        <dl>
                            <dt><label for="txt_carnet">Carnet:</label></dt>
                            <dd><input title="solo numero" type="text" name="carnet"  id="txt_carnet" pattern="[0-9]*" size="54" class="required NumbersOnly"/></dd>
                        </dl>
                        <dl>
                            <dt><label for="txt_nombre">Nombre</label></dt>
                            <dd><input title=" letras" type="text" name="nombre" id="txt_nombre" size="54" class="required"/></dd>
                        </dl>
                        <dl>
                            <dt><label for="txt_apellido1">Paterno</label></dt>
                            <dd><input title="letras" type="text" name="apellido1" id="txt_apellido1" size="54" class="required" /></dd>
                        </dl>
                        <dl>
                            <dt><label for="txt_apellido2">Materno</label></dt>
                            <dd><input title="letras" type="text" name="apellido2" id="txt_apellido2" size="54" class="required"/></dd>
                        </dl>

                        <dl>
                            <dt><label for="txt_direccion">Direccion</label></dt>
                            <dd><input title="direccioon " type="text" name="direccion" id="txt_direccion" size="54" class="required" /></dd>
                        </dl>

                        <dl>
                            <dt><label for="txt_telefono">Telefono</label></dt>
                            <dd><input title="solo numeros" type="text" name="telefono" id="txt_telefono" pattern="[0-9]*" size="54" class="required NumbersOnly" /></dd>
                        </dl>
                        <dl>
                            <dt><label for="txt_email">Email</label></dt>
                            <dd><input title="correo " type="text" name="email" id="txt_email"  size="54" class="required email" /></dd>
                        </dl>
                        <dl><label for="txt_sexo">Tipo Sexo </label>
                           <!-- <dd><input type="txt" name="sexo"id="txt_tipo" class=""></dd>-->
                            <?php

                            $options = array(
                                'sexo'=> '  ',
                                'masculino' => 'masculino',
                                'femenino' => 'femenino',
                            );

                            echo form_dropdown('sexo', $options, 'sexo');
                            ?></dl>

                       <dl><label for="txt_tipo">Tipo </label>
                      <!--  <dd><input type="txt" name="tipo"id="txt_tipo" ></dd>-->
                        <?php

                        $options = array(
                            'tipo'=> '  ',
                            'administrador' => 'Administrador',
                            'operador' => 'Operador',
                        );

                        echo form_dropdown('tipo', $options, 'tipo');
                        ?></dl>
                        <dl class="submit">
                            <input type="submit" name="guardar" id="guardar" value="Guardar" />
                            <input type="submit" name="modificar" id="modificar" value="Modificar" />
                            <input type="submit" name="eliminar" id="eliminar" value="Eliminar" />
                        </dl>
                        <dl class="submit">
                            <button type="button" onclick="buscar(); return false;">Buscar</button>
                            <input type="reset" value="Cancelar"/>
                        </dl>



                    </fieldset>

                </form>
            </div>


        </div><!-- end of right content-->


    </div>   <!--end of center content -->










<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>

    function buscar()
    {
        var id= $('#txt_carnet').val();
        var dataString = 'id='+id;
    $.ajax({
        url: "empleado/ajaxbuscar",
        type: "post",
        data:  dataString,
        success: function(data){
            var empleado = $.parseJSON(data);

            $("#txt_nombre").val(empleado[0].nombre);
            $("#txt_apellido1").val(empleado[0].apellido1);
            $("#txt_apellido2").val(empleado[0].apellido2);
            $("#txt_direccion").val(empleado[0].direccion);
            $("#txt_telefono").val(empleado[0].telefono);
            $("#txt_email").val(empleado[0].email);
            $("#txt_sexo").val(empleado[0].sexo);
           $("#txt_tipo").val(empleado[0].tipo);
        },
          error:function(){
            alert("failure");
            //$("#result").html('there is error while submit');
        }
    });
    }
    //-------------------------------
    $(document).ready(function () {

        /* Funcion para validar numeros*/
        $.validator.addMethod("NumbersOnly", function(value, element) {
            return this.optional(element) || /^[0-9]+$/i.test(value);
        }, "Use solo numeros");

        $("#empleado_form").validate();//validacion form cliente
        $('#guardar').click(function (e) {

            e.preventDefault();

            if ($('#empleado_form').valid())// validacion boton guardar
            {
              $.post('empleado/guardar',$( "#empleado_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
              });
                return false;
            } // return false;
        });
        $('#modificar').click(function () {
            $.post('empleado/modificar',$( "#empleado_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
            });
            return false;
        });

        $('#eliminar').click(function () {
            $.post('empleado/eliminar',$( "#empleado_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
            });
            return false;
        });

    });

</script>

